<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Modeling</title>

<?php echo importCSS("template.css|style.css|sign.css|font.css");?>
<?php echo importJS("jquery.min.js|input.js|signup.js");?>
<link rel="stylesheet" href="__ROOT__/themes/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script type="text/javascript">
var confirm_rules = true;
$().ready(function () {
	$('#countrybutton').fancybox({
		'margin'	:	0,
		'padding'	:	0,
		'width'	:	500,
	});
});
</script>
</head>
<body>
<?php echo L('LANG_FONT');?>
<script> var THEME_ROOT = '__ROOT__/themes/' ; </script>
<div class="header clearfix">
	<div class="center">
    	<a href="<?php echo U('/index');?>"><div class="logo">
        	<img src="__ROOT__/themes/images/logo.png" />
        </div></a>
        <div class="menu">
        	<a href="<?php echo U('/work/index');?>" <?php echo ($nav_menu=="work"?" class='now'":"");?>><div><?php echo L('HEADER_WORK');?></div></a> <!-- class="now"-->
            <a href="<?php echo U('/contractor/index');?>" <?php echo ($nav_menu=="contractor"?" class='now'":"");?>><div><?php echo L('HEADER_CONTRACTOR');?></div></a>
            <a href="<?php echo U('/space/index');?>" <?php echo ($nav_menu=="space"?" class='now'":"");?>><div><?php echo L('HEADER_MY_SPACE');?></div></a>
        </div>
        <div class="search">
        	<div><img src="__ROOT__/themes/images/search.png" /></div>
        	<form method="get" action="<?php echo U('/work/index');?>" >
            <input type="text" id="search" name="name" value="<?php echo L('HEADER_SEARCH');?>" onfocus="if(value=='<?php echo L('HEADER_SEARCH');?>') {value=''} setStyleOne(this.id)" onblur="if (value=='') { value='<?php echo L('HEADER_SEARCH');?>' } setStyleTwo(this.id)"/>
            </form>
        </div>
        <?php if ($_cUser) { ?>
        <div class="signafter">
        	<a href="<?php echo U('/signout');?>"><div  class="outbutton"><?php echo L('HEADER_SIGN_OUT');?></div></a>
        	<a href="<?php echo U('/space/index');?>"><div class="word"><?php echo ($_cUser["username"]); ?></div></a>
        </div>
        <?php } else { ?>
        <div class="sign">
        	<a href="<?php echo U('/join');?>"><div><?php echo L('HEADER_JOIN');?></div></a>
            <a href="<?php echo U('/signin');?>"><div><?php echo L('HEADER_SIGN_IN');?></div></a>
        </div>
        <?php } ?>
    </div>
</div>
<div class="clear"></div>

<div class="main center clearfix">
	<form method=post>
	<div class="signbox">
		<div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-name.png" /></div><input type="text" id="name" name="username" value="<?php echo inputDefault('username',L('SIGNIN_USERNAME'));?>" onfocus="if(value=='<?php echo L('SIGNIN_USERNAME');?>') {value=''} setStyleOne(this.id)" onblur="if (value=='') { value='<?php echo L('SIGNIN_USERNAME');?>' } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-mail.png" /></div><input type="text" id="mail" name="usermail" value="<?php echo inputDefault('usermail',L('SIGNIN_USERMAIL'));?>" onfocus="if(value=='<?php echo L('SIGNIN_USERMAIL');?>') {value=''} setStyleOne(this.id)" onblur="if (value=='') { value='<?php echo L('SIGNIN_USERMAIL');?>' } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-password.png" /></div><input type="text" id="password" name="password" value="<?php echo L('SIGNIN_PASSWORD');?>" onfocus="if(value=='<?php echo L('SIGNIN_PASSWORD');?>') {value='';type='password';} setStyleOne(this.id)" onblur="if (value=='') { value='<?php echo L('SIGNIN_PASSWORD');?>';type='text'; } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-repassword.png" /></div><input type="text" id="repassword" name="repass" value="<?php echo L('SIGNIN_AFFIRM');?>" onfocus="if(value=='<?php echo L('SIGNIN_AFFIRM');?>') {value='';type='password';} setStyleOne(this.id)" onblur="if (value=='') { value='<?php echo L('SIGNIN_AFFIRM');?>';type='text'; } setStyleTwo(this.id)"/>
    	</div>
        <div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-country.png" /></div>
            <div id="countryname" class="country"><?php echo L('JOIN_PLEASE_CHOOSE_YOUR_COUNTRY');?></div>
            <a id="countrybutton" href="#countrybox"><div class="countrybutton"></div></a>
            <div class="hide">			<div id="countrybox">
            	<div class="firstlist"><a href="#" class="now">A</a><a href="#">B</a><a href="#">C</a><a href="#">D</a><a href="#">E</a><a href="#">F</a><a href="#">G</a><a href="#">H</a><a href="#">I</a><a href="#">J</a><a href="#">K</a><a href="#">L</a><a href="#">M</a><a href="#">N</a><a href="#">O</a><a href="#">P</a><a href="#">Q</a><a href="#">R</a><a href="#">S</a><a href="#">T</a><a href="#">U</a><a href="#">V</a><a href="#">W</a><a href="#">X</a><a href="#">Y</a><a href="#">Z</a></div>
            	<?php echo buildCountry();?><!--
                <div class="countryname" id="ct_A"><div><a href="#">Afghanistan</a></div><div><a href="#">Albania</a></div><div><a href="#">Algeria</a></div><div><a href="#">America</a></div><div><a href="#">Andorra</a></div><div><a href="#">Angola</a></div><div><a href="#" >Antarctica</a></div><div><a href="#">Argentina</a></div><div><a href="#">Armenia</a></div><div><a href="#">Aruba</a></div><div><a href="#">Australia</a></div><div><a href="#">Austria</a></div><div><a href="#">Azerbaijan</a></div></div>-->
                <div class="clear"></div>
                <input type="hidden" name="country" value="" />
            </div>
            <style>
            	#countrybox .countryname { display:none }
            </style>
            <script>
            	$("#countrybox .firstlist a").click(function() {
            		$("#countrybox .firstlist a").removeClass("now");
            		$(this).addClass("now");
            		$("#countrybox .countryname").hide();
            		$("#ct_"+$(this).text()).show();
            	});
            	
            	$(".countryname a").click(function(){
            		$.fancybox.close();
            		var _txt =$(this).text();
            		var _val =$(this).attr("val");
            		$("#countryname").text(_txt);
            		$("#countrybox input[name=country]").val(_val);
            	});
            </script></div>
    	</div>
    	<div class="box">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-repassword.png" /></div><input type="text" id="identify" name="verifycode" value="<?php echo L('SIGNIN_VERIFYCODE');?>" onfocus="if( value=='<?php echo L('SIGNIN_VERIFYCODE');?>' ) {value=''} setStyleOne(this.id)" onblur="if (value=='') { value='<?php echo L('SIGNIN_VERIFYCODE');?>' } setStyleTwo(this.id)"/>
            <div class="codeimg"><img src="<?php echo U('/verifycode');?>" /></div>
    	</div>
        <div class="box rules">
    		<div class="inputimg"><img src="__ROOT__/themes/images/su-rules.png" /></div>
            <div class="rules">
            	<div class="rules-tittle"><?php echo L('JOIN_TERMS_OF_SERVICES');?></div>
                <div class="choice"><img src="__ROOT__/themes/images/su-agree.png" id="checkRules"/><div class="font"><?php echo L('JOIN_AGREE');?></div></div>
                <!--<div class="choice"><img src="__ROOT__/themes/images/su-disagree.png" id="rules-disagree"/><div class="font">Disagree</div></div>-->
                <a class="seerules" target="_blank" href="<?php echo U('/terms');?>"><?php echo L('JOIN_READ_TERMS');?></a>
            </div>
    	</div>
        <div class="clear"></div>
        <a class="button signup" href="javascript:void(0)" onclick="if (confirm_rules) { return $('form').submit(); } else { alert('<?php echo L('JOIN_PLEASE_AGREE_TERMS_FIRST');?>');}"><?php echo L('JOIN_JOIN');?></a>
        <div class="clear"></div>
	</div>
	<input name="_submit" value="1" type="hidden" />
	</form>
</div>

<div class="footer">

</div>
<?php echo importJS("downlist.js|input.js");?>
<script type="text/javascript" src="__ROOT__/themes/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<?php echo ($tips); ?>
</body>
</html>